<template>
	<view class="info_warp">
		<view class="form_box">
			
			<view class="container">
				<view class="total_integral_box">
					<text class="number">{{integral}}</text>
					<text class="text">可用金额</text>
				</view>
				
				<view class="contentBody">
					<u-form>
						<u-form-item class="uformitem" label="接收人手机" labelPosition="top">
							<u-input placeholder="请输入接收人的手机号码" name="mobile" v-model="mobile" @input="mobilechange"/>
						</u-form-item>
						<u-form-item class="uformitem" label="接收人信息" v-if="parnet_user_id" labelPosition="top">
							<view class="userinfo">
								<image :src="parent_headimg"></image>
								<view>{{parent_username}}</view>
							</view>
						</u-form-item>
						<u-form-item class="uformitem" label="转出金额" labelPosition="top">
							<u-input placeholder="请输入要转出的金额" name="price" v-model="price"/>
						</u-form-item>
						<view class="submitBtn">
							<u-button type="success" @click="topay">确认转出</u-button>
						</view>
					</u-form>
				</view>
				<best-payment-password ref="paymentPassword" mode="1" digits="6" @submit="saveadd" @cancel="togglePayment"></best-payment-password>
			</view>
			
		</view>
	</view>
</template>

<script>
import bestPaymentPassword from '@/components/sanshui-payment-password/index'
export default {
	components:{
		bestPaymentPassword
	},
	data() {
		return {
			integral : '0',
			mobile: '',
			price:'',
			remark:'',
			
			parnet_user_id: 0,
			parent_headimg: '',
			parent_username: ''
		}
	},
	methods: {
		
	}
}
</script>

<style lang="scss">
	page {
		background: #f1f1f1;
	}
	
	.total_integral_box {
		width:100%;
		height:180rpx;
		text-align:center;
		border-bottom: 2rpx solid #eee;
		
		.number {
			width:100%;
			height:100rpx;
			line-height:100rpx;
			display:block;
			font-size:60rpx;
			font-weight:bold;
			color:#35c877;
			margin-top: 20rpx;
		}
		.text {
			width:100%;
			display:block;
			font-size:24rpx;
			color:#999;
		}
	}
	.userinfo{
		flex: 1;
		image{
			width: 80rpx;
			height:80rpx;
			float:left;
			border-radius: 80rpx;
		}
		view{
			height: 80rpx;
			line-height: 80rpx;
			font-size: 34rpx;
			float:left;
			padding-left: 20rpx;
		}
	}
	.submitBtn {
		padding: 40rpx 34rpx;
	}
</style>
